<template>
  <div class="warpper">
    <HeaderBox></HeaderBox>
    <!-- 没有订单记录 -->
    <div class="details-order warpper_box">
      <div class="no-order">
        你好,没有查找你相关订单记录，
        <span>看看旅游景点</span>
      </div>
    </div>
    <Footer></Footer>
  </div>
</template>
<script>
export default {
  props: {},
  components: {},
  data() {
    return {};
  },
  methods: {},
  mounted() {},
  watch: {},
  computed: {},
  filters: {},
};
</script>
<style lang="scss" scoped>
.details-order {
  .no-order {
    min-height: 396px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;

    span {
      color: #37bcfb;
      cursor: pointer;
    }
  }
}
</style>
